<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>首页三</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="__static/lib/layui-v2.5.5/css/layui.css" media="all">
    <link rel="stylesheet" href="__static/lib/font-awesome-4.7.0/css/font-awesome.min.css" media="all">
    <link rel="stylesheet" href="__static/css/public.css" media="all">
    <style>
        .top-panel {
            border: 1px solid #eceff9;
            border-radius: 5px;
            text-align: center;
        }
        .top-panel > .layui-card-body{
            height: 60px;
        }
        .top-panel-number{
            line-height:60px;
            font-size: 30px;
            border-right:1px solid #eceff9;
        }
        .top-panel-tips{
            line-height:30px;
            font-size: 12px
        }
        
    </style>
</head>
<body>
<!--<div class="layuimini-container">-->
<div class="layuimini-main">
    
    <div class="layui-row layui-col-space15"> 
        <div class="layui-col-xs12 layui-col-md6">
            <div class="layui-card top-panel">
                <div class="layui-card-header" style="text-align: left;">个人信息 </div>
                <div class="layui-card-body" style="height: 100px;text-align: left;">
                    <div class="layui-row layui-col-space5" >
                        <div class=" " style="float: left;">
                            <img src="{$info.avatar}" alt="logo" class="layui-circle">
                            
                        </div>
                        <h1 style="line-height: 120px; margin-left: 2%;float: left;">{$info.username}</h1>
                        <h3 style="line-height: 120px; margin-left: 2%;float: left;color: #666;">部门：{$info.dept_name}</h3>
                        <h3 style="line-height: 120px; margin-left: 2%;float: left;color: #666;">生日：{$info.sr}天</h3> 
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs2 layui-col-md2">
            <div class="layui-card top-panel">
                <div class="layui-card-header" style="text-align: left;">账户数量(个)
                </div>
                <div class="layui-card-body" style="height: 100px;">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-xs12 layui-col-md12 top-panel-number" style="    text-align: center;line-height: 100px;">
                            {:$info['acc_num']?$info['acc_num']:'--'}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs2 layui-col-md2">
            <div class="layui-card top-panel">
                <div class="layui-card-header" style="text-align: left;">客户数量(个)
                </div>
                <div class="layui-card-body" style="height: 100px;">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-xs12 layui-col-md12 top-panel-number" style="    text-align: center;line-height: 100px;">
                            {:$info['cu_num']?$info['cu_num']:'--'}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs2 layui-col-md2">
            <div class="layui-card top-panel">
                <div class="layui-card-header" style="text-align: left;">天气
                </div>
                <div class="layui-card-body1" style="height: 120px;">
                        <div id="weather-v2-plugin-standard"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row layui-col-space15">
        <div class="layui-col-xs12 layui-col-md6">
            <div class="layui-card top-panel">
                <div class="layui-card-header" style="text-align: left;">入职日期</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="    text-align: left;">
                            已入职 <a style="color: #07cc52">{$info.day}</a> 天
                        </div>
                        <div class="layui-col-xs4 layui-col-md4" style="line-height: 60px; font-size: 18px;">
                            入职日期 <a style="color: #07cc52">{$info.join_time}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-xs12 layui-col-md6">
            <div class="layui-card top-panel">
                <div class="layui-card-header" style="text-align: left;">个人累计产出（运营/媒介）</div>
                <div class="layui-card-body">
                    <div class="layui-row layui-col-space5">
                        <div class="layui-col-xs8 layui-col-md8 top-panel-number" style="    text-align: left;">
                            累计产出: <a style="color: #07cc52">{:$info['consume']?$info['consume']:'--'}</a> 
                        </div>
                        <div class="layui-col-xs4 layui-col-md4" style="line-height: 60px; font-size: 18px;">
                            昨日产出: <a style="color: #07cc52">{:$info['yesterday']?$info['yesterday']:'--'}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-row layui-col-space15 layui-form">
        <div class="layui-col-xs6 layui-col-md6">
        	<div class="layui-card-header " style="background-color:#ffffff;">
        		公司寄语
        	</div>
            <div style="background-color:#ffffff;min-height:400px;padding: 10px;text-align: center;overflow-y: scroll;    height: 400px;font-size: 20px;">
                {:htmlspecialchars_decode($info['company_wishes'])}
            </div>
        </div>    
        <div class="layui-col-xs6 layui-col-md6">
        	<div class="layui-card-header " style="background-color:#ffffff;">
        		公司语录
        	</div>
            <div class="" style="background-color:#ffffff;min-height:400px;padding: 10px;overflow-y: scroll;    height: 400px;">
                {volist name="info.company_ana" id="vo"}
                    {notempty name="vo"}
                        <button class="layui-btn layui-btn-primary" style="margin: 1%;">{$vo}</button>
                    {/notempty}
                    
                {/volist}
                
            </div>
        </div>
    </div>
   
</div>
<!--</div>-->

<script src="__static/lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
<script src="__static/js/lay-config.js?v=1.0.4" charset="utf-8"></script>
<!-- 天气开始 -->
<script>
    WIDGET = {
      CONFIG: {
        "layout": 1,
        "width": "260",
        "height": "120",
        "background": 2,
        "dataColor": "4A4A4A",
        "language": "zh",
        "borderRadius": 5,
        "key": "W9VdLJ3vXO"
      }
    }
</script>
<script src="https://apip.weatherdt.com/standard/static/js/weather-standard-common.js?v=2.0"></script>
<!-- 天气结束 -->
<script>
	var $,layer,echarts,echarts_consume_top ,option_consume_top;
    layui.use(['layer', 'echarts','laydate'], function () {
        $ = layui.jquery, layer = layui.layer, echarts = layui.echarts,laydate = layui.laydate;
       
    });
    
    
   
</script>
</body>
</html>
